<div class="card">
  <div class="flex card-container blue-container overflow-hidden">
    <div
      class="flex-none flex align-items-start justify-content-start font-bold px-0 py-3 border-round"
    >
      <div class="font-bold ml-6 mr-2 px-5 py-1">
        <a href="https://diasoft-angular-quick-start.vercel.app/"
          ><img src="/assets/logo.png" alt="logo"
        /></a>
      </div>
    </div>

    <div
      class="flex-grow-1 flex align-items-end justify-content-end font-bold m-2 px-8 py-3 border-round"
    >
      <app-dia-login></app-dia-login>
    </div>
  </div>
</div>
